<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./fa/css/all.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1689617_84my04egorn.css">
    <link rel="icon" href="./favicon.ico">
</head>
<body>
    <!-- 头部 -->
    <div class="search-wrapper w clearfix">
        <div class="logo">
            <img src="./image/logo.png">
        </div>
    </div>
    <!-- 中间 -->
    <div class="mid-wrapper">
    <div class="mid w">
       <div class="mid-left clearfix">
            <form action="POST">
             <input type="text" class="t1" placeholder="  语言开发">
            </form>
             <input type="button" value="搜索" class="t2">
         </div>
         <div class="mid-right">
             <div class="mid-right1">
             <h3>扫码登录</h3>
             <h3>|</h3>
             <h3>账户登录</h3>
             </div> 
             <div class="mid-right2">
                 公共场合不建议自动登录，以免账号丢失
             </div>
             <div class="mid-right3">
                <span><i class="iconfont icon-yonghushanjian"></i></span>
                <input type="text" placeholder="邮箱/用户名/手机号">
             </div>
             <div class="mid-right3">
                <span><i class="iconfont icon-suo"></i></span>
                <input type="text" placeholder="请输入密码">
             </div>
             <div class="mid-right4 clearfix">
                 <input type="checkbox">
                 <span class="zd">自动登录</span>
                 <span class="forget">忘记密码？</span>
             </div>
             <div class="mid-right5">
                 登录
             </div>
             <div class="mid-right6">
                 <img src="./image/tb.jpg">
                 <span>立即注册</span>
             </div>
        </div>
       </div> 
    </div>
    <!-- 尾部 -->
    <div class="foot-wrapper">
        <div class="foot w">
            <div class="about-wrapper">
                <ul class="foot-menu">
                    <li>关于我们</li>
                    <li>|</li>
                    <li>联系我们</li>
                    <li>|</li>
                    <li>联系客服</li>
                    <li>|</li>
                    <li>商家入驻</li>
                    <li>|</li>
                    <li>营销中心</li>
                    <li>|</li>
                    <li>手机品优购</li>
                    <li>|</li>
                    <li>友情链接</li>
                    <li>|</li>
                    <li>销售联盟</li>
                    <li>|</li>
                    <li>品优购社区</li>
                    <li>|</li>
                    <li>品优购公益</li>
                    <li>|</li>
                    <li>English Site</li>
                    <li>|</li>
                    <li>Contact U</li>
                </ul>
                <div class="foot">
                    <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话400-618-4000 传真：010-82935100 邮箱：zhanghj+itcast.cn</p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>